<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>
        Tweets for the Tweet.
    </title>
    <script src="../../js/jquery.js" type="text/javascript"></script>
    <script src="../../js/gestalt.js" type="text/javascript"></script>
    <style type="text/css">
        BODY{background: #000000; color: #FFFFFF;}
    </style>
</head>
<body>
<xml id="twitter_badge" class="xaml" Width="600" Height="260" style="display:none;">
<Canvas x:Name="badge" Width="600" Height="300">
    <Canvas.Background>
        <ImageBrush AlignmentX="0" AlignmentY="0" Stretch="None" ImageSource="twitter_left.png" />
    </Canvas.Background>
    <Canvas.Resources>
        <Storyboard x:Name="fade_out">
            <DoubleAnimation Storyboard.TargetName="user_stuff" Storyboard.TargetProperty="Opacity" From="1.0" To="0.0" Duration="0:0:1" />
            <DoubleAnimation Storyboard.TargetName="status" Storyboard.TargetProperty="Opacity" From="1.0" To="0.0" Duration="0:0:1" />
       </Storyboard>
        <Storyboard x:Name="fade_in">
            <DoubleAnimation Storyboard.TargetName="user_stuff" Storyboard.TargetProperty="Opacity" From="0.0" To="1.0" Duration="0:0:1" />
            <DoubleAnimation Storyboard.TargetName="status" Storyboard.TargetProperty="Opacity" From="0.0" To="1.0" Duration="0:0:1" />
       </Storyboard>
    </Canvas.Resources>
    <StackPanel Canvas.Left="150" Canvas.Top="10" Width="420">
        <TextBlock FontSize="26" Text="What's the buzz on Twitter?"></TextBlock>
        <TextBlock TextWrapping="Wrap">
            What is the world saying about gestalt on Twitter? Join the conversation
            yourself by ending your tweets with #gestalt. Oh, and don't forget to
            follow MIX Online on twitter for updates and other goodness.
        </TextBlock>
    </StackPanel>
    <StackPanel Canvas.Left="5" Canvas.Top="138" Width="100" x:Name="user_stuff">
        <Image x:Name="avatar" Width="60" Height="60" HorizontalAlignment="Center" />
        <TextBlock HorizontalAlignment="Center" x:Name="username" Text="" />
    </StackPanel>
    <StackPanel Canvas.Left="25" Canvas.Top="220" Orientation="Horizontal">
        <Button x:Name="previous" Content="prev" />
        <Button x:Name="next" Content="next" />
    </StackPanel>
    <Rectangle Canvas.Left="130" Canvas.Top="110" Width="450" Height="130" RadiusX="15" RadiusY="15" Fill="#FFD2D3D4" />
    <TextBlock Canvas.Left="150" Canvas.Top="120" Width="420" x:Name="status" FontSize="16" TextWrapping="Wrap" />
    <TextBlock Canvas.Left="150" Canvas.Top="240" x:Name="details" Text="" />
</Canvas>
</xml>
<script language="ruby" src="twitter_badge.rb" class="*"></script>
<div id="msg"> </div>
</body>
</html>